<template>


  <div class='body'>
      <!--顶部导航栏-->
      <div class='welcomediv'>欢迎{{username}},希望您能洗的开心，洗的自在&nbsp;&nbsp; <span><a href="/">注销</a></span></div>

        <!--洗澡预约按钮-->
      <div>
          <button class="main_button1" type="button" @click='OrderToZaotang'>预约洗澡</button>
          <div class="bigdiv"></div>
          <button class="main_button2" type="button" @click='FindMyOrderList'>我的订单</button>
          <div class="bigdiv"></div>

      </div>
  </div>


</template>

<script>
  export default {
    name: 'userindex',
    data () {
      return {
        username:this.$route.query.username



      }
    },
    methods:{
        OrderToZaotang(){
          this.$router.push({
          			path:'/userOrder',
          			query:{username:this.username},
          })
        }
    }


   }
</script>

<style>
  .bigdiv{
    height: 3vh;
  }
  .body{
    height:fit-content;
    width: 100vw;
  }
  .welcomediv{
    width: 100vw;
    font-size: 60;
  }
  .main_button1{
    font-size: large;
    background-color:#00FFFF;
    width: 70vw;
    height: 20vh;
  }
  .main_button2{
    font-size: large;
    background-color:#ADFF2F;
    width: 70vw;
    height: 20vh;
  }
</style>
